<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    链式编程
        什么时候可以链式编程
            当我们给一个jQuery对象调用方法的时候，有返回值且返回值为jQuery对象，我们可以继续点出jQuery方法
            例子：
                $('div').width(100).height(100).css('color','red');
        必须时jQuery对象才能点出jQuery方法
            例子：
                $('div').width(100).width().height(100);        报错，因为width()返回的不时一个jQuery对象
        end();  回到上一个状态
            例子：
                $('div').next().end().height(100);      不会给div的下一个对象设置高因为end()返回了
        end()方法也需要jQuery对象来调用
            例子：
                $('div').width(100).width().end();      报错，width()不是一个jQuery对象，不能使用end()可以回到上一级  
        
        
 -->